<template>
  <div>
    <div class="fenlei mar-t" v-for="titles in categoryList" :key="titles.id">
      <h3>{{ titles.name }}</h3>
      <ul >
        <li v-for="item in titles.goodsList" :key="item.id">
          <a href="#">
            <img :src="item.list_pic_url" alt="" />
          </a>
          <p class="van-ellipsis">{{ item.name }}</p>
          <p >{{ item.retail_price | geshi }}</p>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>

export default {
  data() {
    return {};
  },
  props: ["categoryList"],
  components: {
    
  },
};
</script>
 
<style lang = "less" scoped>
.fenlei{
  ul{
    &:last-child{
      padding-bottom: 50px;
    }
  }
}
</style>